<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>960栅格系统参数速查</title>
<style type="text/css">
table { border-collapse:collapse; border-spacing:0; margin-left:auto; margin-right:auto; }
table .n { width:2em !important; }
table td { text-align:right; font-family: dotum, Consolas, Monaco, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; }
body, table, th, td { color:#000000; background-color:#ffffff; font-size:8pt; }
img { border:0; }
table, th, td { border-width:.1em; border-color:#ABD4E6; border-style:solid; }
table { border-collapse:collapse; border-spacing:0; border-width:.2em; }
th, td { padding:0.6em 0.2em; }
th { font-weight:bold; background-color:#EFF8FC; color:#509AAF; }
td { color:#666666; }
</style>
</head>

<body>
<table border="1" summary="960栅格系统参数速查表">
  <caption>
  <h1>960栅格系统参数速查</h1>
  </caption>
  <tbody>
    <tr>
      <th scope="col">列数</th>
      <th scope="col">列宽</th>
      <th scope="col">空隙</th>
      <th scope="col">选择器</th>
      <th scope="col">属性名</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
      <th class="n" scope="col">&nbsp;</th>
    </tr>
    <tr>
      <th scope="row">&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>N</th>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
      <th>5</th>
      <th>6</th>
      <th>7</th>
      <th>8</th>
      <th>9</th>
      <th>10</th>
      <th>11</th>
      <th>12</th>
      <th>13</th>
      <th>14</th>
      <th>15</th>
      <th>16</th>
      <th>17</th>
      <th>18</th>
      <th>19</th>
      <th>20</th>
      <th>21</th>
      <th>22</th>
      <th>23</th>
      <th>24</th>
      <th>&nbsp;</th>
    </tr>
    <tr>
      <th rowspan="5" scope="row">24</th>
      <th rowspan="5">40</th>
      <th rowspan="5">10</th>
      <th>span-N</th>
      <th>width</th>
      <th>40n-10</th>
      <td>&nbsp;</td>
      <td>30</td>
      <td>70</td>
      <td>110</td>
      <td>150</td>
      <td>190</td>
      <td>230</td>
      <td>270</td>
      <td>310</td>
      <td>350</td>
      <td>390</td>
      <td>430</td>
      <td>470</td>
      <td>510</td>
      <td>550</td>
      <td>590</td>
      <td>630</td>
      <td>670</td>
      <td>710</td>
      <td>750</td>
      <td>790</td>
      <td>830</td>
      <td>870</td>
      <td>910</td>
      <td>950</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>prefix-N</th>
      <th>padding-left</th>
      <th>40n</th>
      <td>&nbsp;</td>
      <td>40</td>
      <td>80</td>
      <td>120</td>
      <td>160</td>
      <td>200</td>
      <td>240</td>
      <td>280</td>
      <td>320</td>
      <td>360</td>
      <td>400</td>
      <td>440</td>
      <td>480</td>
      <td>520</td>
      <td>560</td>
      <td>600</td>
      <td>640</td>
      <td>680</td>
      <td>720</td>
      <td>760</td>
      <td>800</td>
      <td>840</td>
      <td>880</td>
      <td>920</td>
      <td>n/a</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>suffix-N</th>
      <th>padding-right</th>
      <th>40n</th>
      <td>&nbsp;</td>
      <td>40</td>
      <td>80</td>
      <td>120</td>
      <td>160</td>
      <td>200</td>
      <td>240</td>
      <td>280</td>
      <td>320</td>
      <td>360</td>
      <td>400</td>
      <td>440</td>
      <td>480</td>
      <td>520</td>
      <td>560</td>
      <td>600</td>
      <td>640</td>
      <td>680</td>
      <td>720</td>
      <td>760</td>
      <td>800</td>
      <td>840</td>
      <td>880</td>
      <td>920</td>
      <td>n/a</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>push-N</th>
      <th>left</th>
      <th>40n</th>
      <td>&nbsp;</td>
      <td>40</td>
      <td>80</td>
      <td>120</td>
      <td>160</td>
      <td>200</td>
      <td>240</td>
      <td>280</td>
      <td>320</td>
      <td>360</td>
      <td>400</td>
      <td>440</td>
      <td>480</td>
      <td>520</td>
      <td>560</td>
      <td>600</td>
      <td>640</td>
      <td>680</td>
      <td>720</td>
      <td>760</td>
      <td>800</td>
      <td>840</td>
      <td>880</td>
      <td>920</td>
      <td>n/a</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>pull-N</th>
      <th>left</th>
      <th>-40n</th>
      <td>&nbsp;</td>
      <td><span>-</span><br />
        40</td>
      <td><span>-</span><br />
        80</td>
      <td><span>-</span><br />
        120</td>
      <td><span>-</span><br />
        160</td>
      <td><span>-</span><br />
        200</td>
      <td><span>-</span><br />
        240</td>
      <td><span>-</span><br />
        280</td>
      <td><span>-</span><br />
        320</td>
      <td><span>-</span><br />
        360</td>
      <td><span>-</span><br />
        400</td>
      <td><span>-</span><br />
        440</td>
      <td><span>-</span><br />
        480</td>
      <td><span>-</span><br />
        520</td>
      <td><span>-</span><br />
        560</td>
      <td><span>-</span><br />
        600</td>
      <td><span>-</span><br />
        640</td>
      <td><span>-</span><br />
        680</td>
      <td><span>-</span><br />
        720</td>
      <td><span>-</span><br />
        760</td>
      <td><span>-</span><br />
        800</td>
      <td><span>-</span><br />
        840</td>
      <td><span>-</span><br />
        880</td>
      <td><span>-</span><br />
        920</td>
      <td><span>-</span><br />
        n/a</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th scope="row">&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>N</th>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
      <th>5</th>
      <th>6</th>
      <th>7</th>
      <th>8</th>
      <th>9</th>
      <th>10</th>
      <th>11</th>
      <th>12</th>
      <th>13</th>
      <th>14</th>
      <th>15</th>
      <th>16</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th rowspan="5" scope="row">16</th>
      <th rowspan="5">60</th>
      <th rowspan="5">20</th>
      <th>span-N</th>
      <th>width</th>
      <th>60n-20</th>
      <td>&nbsp;</td>
      <td>40</td>
      <td>100</td>
      <td>160</td>
      <td>220</td>
      <td>280</td>
      <td>340</td>
      <td>400</td>
      <td>460</td>
      <td>520</td>
      <td>580</td>
      <td>640</td>
      <td>700</td>
      <td>760</td>
      <td>820</td>
      <td>880</td>
      <td>940</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>prefix-N</th>
      <th>padding-left</th>
      <th>60n</th>
      <td>&nbsp;</td>
      <td>60</td>
      <td>120</td>
      <td>180</td>
      <td>240</td>
      <td>300</td>
      <td>360</td>
      <td>420</td>
      <td>480</td>
      <td>540</td>
      <td>600</td>
      <td>660</td>
      <td>720</td>
      <td>780</td>
      <td>840</td>
      <td>900</td>
      <td>n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>suffix-N</th>
      <th>padding-right</th>
      <th>60n</th>
      <td>&nbsp;</td>
      <td>60</td>
      <td>120</td>
      <td>180</td>
      <td>240</td>
      <td>300</td>
      <td>360</td>
      <td>420</td>
      <td>480</td>
      <td>540</td>
      <td>600</td>
      <td>660</td>
      <td>720</td>
      <td>780</td>
      <td>840</td>
      <td>900</td>
      <td>n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>push-N</th>
      <th>left</th>
      <th>60n</th>
      <td>&nbsp;</td>
      <td>60</td>
      <td>120</td>
      <td>180</td>
      <td>240</td>
      <td>300</td>
      <td>360</td>
      <td>420</td>
      <td>480</td>
      <td>540</td>
      <td>600</td>
      <td>660</td>
      <td>720</td>
      <td>780</td>
      <td>840</td>
      <td>900</td>
      <td>n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>pull-N</th>
      <th>left</th>
      <th>-60n</th>
      <td>&nbsp;</td>
      <td><span>-</span><br />
        60</td>
      <td><span>-</span><br />
        120</td>
      <td><span>-</span><br />
        180</td>
      <td><span>-</span><br />
        240</td>
      <td><span>-</span><br />
        300</td>
      <td><span>-</span><br />
        360</td>
      <td><span>-</span><br />
        420</td>
      <td><span>-</span><br />
        480</td>
      <td><span>-</span><br />
        540</td>
      <td><span>-</span><br />
        600</td>
      <td><span>-</span><br />
        660</td>
      <td><span>-</span><br />
        720</td>
      <td><span>-</span><br />
        780</td>
      <td><span>-</span><br />
        840</td>
      <td><span>-</span><br />
        900</td>
      <td><span>-</span><br />
        n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th scope="row">&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>&nbsp;</th>
      <th>N</th>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
      <th>5</th>
      <th>6</th>
      <th>7</th>
      <th>8</th>
      <th>9</th>
      <th>10</th>
      <th>11</th>
      <th>12</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th rowspan="5" scope="row">12</th>
      <th rowspan="5">80</th>
      <th rowspan="5">20</th>
      <th>span-N</th>
      <th>width</th>
      <th>80n-20</th>
      <td>&nbsp;</td>
      <td>60</td>
      <td>140</td>
      <td>220</td>
      <td>300</td>
      <td>380</td>
      <td>460</td>
      <td>540</td>
      <td>620</td>
      <td>700</td>
      <td>780</td>
      <td>860</td>
      <td>940</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>prefix-N</th>
      <th>padding-left</th>
      <th>80n</th>
      <td>&nbsp;</td>
      <td>80</td>
      <td>160</td>
      <td>240</td>
      <td>320</td>
      <td>400</td>
      <td>480</td>
      <td>560</td>
      <td>640</td>
      <td>720</td>
      <td>800</td>
      <td>880</td>
      <td>n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>suffix-N</th>
      <th>padding-right</th>
      <th>80n</th>
      <td>&nbsp;</td>
      <td>80</td>
      <td>160</td>
      <td>240</td>
      <td>320</td>
      <td>400</td>
      <td>480</td>
      <td>560</td>
      <td>640</td>
      <td>720</td>
      <td>800</td>
      <td>880</td>
      <td>n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>push-N</th>
      <th>left</th>
      <th>80n</th>
      <td>&nbsp;</td>
      <td>80</td>
      <td>160</td>
      <td>240</td>
      <td>320</td>
      <td>400</td>
      <td>480</td>
      <td>560</td>
      <td>640</td>
      <td>720</td>
      <td>800</td>
      <td>880</td>
      <td>n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>pull-N</th>
      <th>left</th>
      <th>-80n</th>
      <td>&nbsp;</td>
      <td><span>-</span><br />
        80</td>
      <td><span>-</span><br />
        160</td>
      <td><span>-</span><br />
        240</td>
      <td><span>-</span><br />
        320</td>
      <td><span>-</span><br />
        400</td>
      <td><span>-</span><br />
        480</td>
      <td><span>-</span><br />
        560</td>
      <td><span>-</span><br />
        640</td>
      <td><span>-</span><br />
        720</td>
      <td><span>-</span><br />
        800</td>
      <td><span>-</span><br />
        880</td>
      <td><span>-</span><br />
        n/a</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<hr />
<div id="colophon">
  <address>
  <a href="http://www.bubujie.com/" target="_blank" class="logo"><img src="../img/logo_16px.gif" width="48" height="20" alt="步步街"></a> <em>Copyright ©</em> <a href="http://www.bubujie.com/" target="_blank">步步街银川网络商城</a> <span>All Rights Reserved.</span>
  </address>
</div>
</body>
</html>
